<template>
<div>
    <!-- <div v-on:click="testFunc">{{status}}</div> -->
    <div v-if="type == '1'">
        <div class="orderCard bgwrite" v-if="status === 1">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft unclick  fz4 flex" v-on:click="cacleOrder(form.uid)">
                        <div class="calceorder wordsprimary">取消订单</div>
                    </div>
                    <div class="botright flex">
                        <div class="bgprimary wordsWrite service fz4"  @click="open_popup">重选表现师 ({{status1time}})</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitService.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 2">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div class="ordertype">
                <div data-v-e031109a="" class="bot flex flex-space-x">
                    <div data-v-e031109a="" class="botleft wordsGray fz4 flex">待表现师上门</div>
                    <div data-v-e031109a="" class="botright flex">
                        <div data-v-e031109a="" class="wordsprimary service fz4" v-on:click="cacleOrder(form.uid)">取消订单</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitService.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 3">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div class="ordertype">
                <div data-v-e031109a="" class="bot flex flex-space-x">
                    <div data-v-e031109a="" class="botleft wordsGray fz4 flex">对方已签到，请等候</div>
                    <div data-v-e031109a="" class="botright flex">
                        <div data-v-e031109a="" class="wordsprimary service fz4" v-on:click="cacleOrder(form.uid)">取消订单</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitService.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 4">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div class="ordertype">
                <div data-v-e031109a="" class="bot flex flex-space-x">
                    <div data-v-e031109a="" class="botleft wordsGray fz4 flex">已到时，对方还未到达</div>
                    <div data-v-e031109a="" class="botright flex">
                        <div data-v-e031109a="" class="wordsprimary service fz4" v-on:click="cacleOrder(form.uid)">取消订单</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitService.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 5">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div class="ordertype">
                <div data-v-e031109a="" class="bot flex flex-space-x">
                    <div data-v-e031109a="" class="botleft wordsGray fz4 flex">您已取消订单</div>
                    <div data-v-e031109a="" class="botright flex" @click="catRefund(form.refundmoney)">
                        <div data-v-e031109a="" class="bgprimary wordsWrite  service fz4">查看退款</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/hasClose.png" width="100%" />
            </div>
            <div class="msg">
                <!-- <div class="dot">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div> -->
                <img src="@/assets/img/performance/orderCard/noChat.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 6">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft unclick wordsprimary fz4 flex" v-on:click="cacleOrder(form.uid)">
                         <div class="calceorder wordsprimary">取消订单</div>
                    </div>
                    <div class="botright flex">
                        <div class="bgprimary wordsWrite service fz4" v-on:click="timeStart(form.uid)">同意开启计时</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitService.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 7">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                       <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div class="bot flex flex-space-x">
                <div class="botleft flex">
                    <div class="wordsGray tit">计时</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{state7time.h}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{state7time.m}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{state7time.s}}</div>
                </div>
                <div class="botright flex" v-on:click="onCatTimekeep">
                    <div class="wordsprimary fz4">查看计时详情</div>
                    <div class="arrowRight">
                        <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/doNow.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 8">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div class="bot flex flex-space-x">
                <div class="botleft flex">
                    <div class="wordsGray tit">暂停</div>
                    <div class="timeclock bgstart wordsWrite fz2">{{state8time.h}}</div>
                    <div class="dots1 fz2">：</div>
                    <div class="timeclock bgstart wordsWrite fz2">{{state8time.m}}</div>
                    <div class="dots1 fz2">：</div>
                    <div class="timeclock bgstart wordsWrite fz2">{{state8time.s}}</div>
                </div>
                <div class="botright flex" v-on:click="onCatTimekeep">
                    <div class="wordsprimary fz4">查看计时详情</div>
                    <div class="arrowRight">
                        <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/doNow.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 9">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div class="bot flex flex-space-x">
                <div class="botleft flex">
                    <div class="wordsGray tit">用时</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{state9time.h}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{state9time.m}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{state9time.s}}</div>
                </div>
                <div class="botright flex" v-on:click="onCatTimekeep">
                    <div class="wordsprimary fz4">超6小时{{state9HPrice}}元/小时</div>
                    <div class="arrowRight">
                        <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/doNow.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 911">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div class="bot flex flex-space-x">
                <div class="botleft flex" style="opacity: .5">
                    <div class="wordsGray tit">暂停</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{state911time.h}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{state911time.m}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{state911time.s}}</div>
                </div>
                <div class="botright flex" v-on:click="onCatTimekeep">
                    <div class="wordsprimary fz4">超6小时{{state9HPrice}}元/小时</div>
                    <div class="arrowRight">
                        <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/doNow.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 10">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>

                        <div>{{form.totalTime.replace(':', '小时').replace(':', '分钟')}}秒</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                     <!-- v-on:click="reOrder(form.userUid)" -->
                    <div class="zailaiyidan" style="color: #fff">再来一单</div>
                    <div class="botright flex" @click="remind('提醒上传图片',form.groupUid,'remindUpload')">
                        <div class="bgprimary wordsWrite service fz4">对方未上传，提醒Ta</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitDrawing.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 11">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{form.totalTime.replace(':', '小时').replace(':', '分钟')}}秒</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="zailaiyidan">再来一单</div>
                    <div class="botright flex">
                        <div class="bgprimary wordsWrite service fz4" v-on:click="changePay">结算收图</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitDrawing.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 12">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{form.totalTime.replace(':', '小时').replace(':', '分钟')}}秒</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft unclick  fz4 service zailaiyidan2" v-on:click="reOrder(form.buserUid)">再来一单</div>
                    <div class="botright flex" @click="go_appraise(form, 'b')">
                        <div class="bgprimary wordsWrite service fz4">评价</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/finished.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 13">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{form.totalTime.replace(':', '小时').replace(':', '分钟')}}秒</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="zailaiyidan2" @click="remind('请求改图',form.groupUid,'remindModif')">请求改图</div>
                    <div class="botright flex" @click="catDetail(form.uid,status)">
                        <div class="bgprimary wordsWrite service fz4">查看详情</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/finished.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 14">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft wordsprimary fz4 flex">投诉成功，平台已退款</div>
                    <div class="botright flex" @click="catDetail(form.uid,status)">
                        <div class="bgprimary wordsWrite service fz4">查看详情</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/finished.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 15">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图师</div>
                        <div>{{form.reformerName}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft wordsprimary fz4 flex">改图师到位，付款改图</div>
                    <div class="botright flex" v-on:click="updateImagePay">
                        <div class="bgprimary wordsWrite service fz4">需支付 ¥{{state15Price}}</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitDraw.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 16">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图师</div>
                        <div>{{form.reformerName}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft wordsGray fz4 flex">改图师暂未上传</div>
                    <div class="botright flex" @click="remind('提醒改图师上传图片',form.groupUid,'remindUpload')">
                        <div class="bgprimary wordsWrite service fz4">催一催</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/doNow.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 17">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图师</div>
                        <div>{{form.reformerName}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft wordsprimary fz4 flex">图已上传，{{state17day}}天自动确认</div>
                    <div class="botright flex">
                        <div class="bgprimary wordsWrite service fz4" v-on:click="successGetImage">确认收图</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitConfirm.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 18">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图师</div>
                        <div>{{form.reformerName}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                </div>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="zailaiyidan2" @click="remind('请求改图',form.groupUid,'remindModif')">请求改图</div>
                    <div class="botright flex" @click="go_appraise(form, 'g')">
                        <div class="bgprimary wordsWrite service fz4">评论</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/finished.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
    </div>
    <div v-if="type == '2'">
        <div class="orderCard bgwrite" v-if="status === 1">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft wordsGray fz4 flex">半小时内可申请改时</div>
                    <div class="botright flex">
                        <div class="wordsWrite bgstart service fz4 drakText"  @click="remind('请求改时',form.groupUid,'remindTime')">请求改时 ({{status1time}})</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitService.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 13">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                       <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)" >
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft wordsGray fz4 flex">订单被取消</div>
                    <div class="botright flex">
                        <div class="bgprimary wordsWrite service fz4"  @click="catDetail(form.uid,status)">查看详情</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/hasClose.png" width="100%" />
            </div>
            <div class="msg"> 
                <!-- <div class="dot">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div> -->
                <img src="@/assets/img/performance/orderCard/noChat.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 2">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft  wordsGray fz4 flex">请提前半个钟定位签到</div>
                    <div class="botright flex">
                        <div class="nosign fz4">未到签到时间</div>
                        <div class="arrowRight">
                            <img src="@/assets/img/performance/orderCard/arrowRightG.png" width="100%" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitSign.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 211">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">倒计</div>
                        <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time211.h}}</div>
                        <div class="wordsprimary dots fz2">：</div>
                        <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time211.m}}</div>
                        <div class="wordsprimary dots fz2">：</div>
                        <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time211.s}}</div>
                    </div>
                    <div class="botright flex" v-on:click="onClockIn">
                        <div class="wordsprimary fz4">去定位签到</div>
                        <div class="arrowRight">
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitSign.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>

        <div class="orderCard bgwrite" v-if="status === 3">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div class="bot flex flex-space-x">
                <div class="botleft flex">
                    <div class="wordsGray tit" style="color: #fe6364;">迟到</div>
                    <div class="timeclock bgprimary wordsWrite fz2" style="background-color: #fe6364!important;">{{bstate.time3.h}}</div>
                    <div class="wordsprimary dots fz2" style="color: #fe6364;">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2" style="background-color: #fe6364!important;">{{bstate.time3.m}}</div>
                    <div class="wordsprimary dots fz2" style="color: #fe6364;">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2" style="background-color: #fe6364!important;">{{bstate.time3.s}}</div>
                </div>
                <div class="botright flex" v-on:click="onClockIn">
                    <div class="wordsprimary fz4" style="color: #fe6364;">您已迟到，快去签到</div>
                    <div class="arrowRight">
                        <img src="@/assets/img/performance/orderCard/arrowRightR.png" width="100%" />
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitSign.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 4">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div class="bot flex flex-space-x">
                <div class="botleft flex" style="opacity: .5;">
                    <div class="wordsGray tit">用时</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time3.h}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time3.m}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time3.s}}</div>
                </div>
                
                <div class="botright flex" v-on:click="requestTimeKeep">
                    <div class="bgprimary wordsWrite service fz4" >请求开启计时</div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitStart.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 5">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                       <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div class="bot flex flex-space-x" style="opacity: .5;">
                <div class="botleft flex">
                    <div class="wordsGray tit">用时</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time3.h}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time3.m}}</div>
                    <div class="wordsprimary dots fz2">：</div>
                    <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time3.s}}</div>
                </div>
                <div class="botright flex">
                    <div class="bgprimary wordsWrite service fz4" >待对方确认开启</div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitStart.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 6">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">用时</div>
                        <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time6.h}}</div>
                        <div class="wordsprimary dots fz2">：</div>
                        <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time6.m}}</div>
                        <div class="wordsprimary dots fz2">：</div>
                        <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time6.s}}</div>
                    </div>
                    <div class="botright flex" v-on:click="onTimekeep">
                        <div class="wordsprimary fz4">进入计时器</div>
                        <div class="arrowRight">
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/doNow.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 7">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">初次上门</div>
                        <div>{{form.homeTime.slice(0,16)}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预约日期</div>
                        <div>{{form.preordainDate.join('、')}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">约定地点</div>
                        <div>{{form.address}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">暂停</div>
                        <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time7.h}}</div>
                        <div class="wordsprimary dots fz2">：</div>
                        <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time7.m}}</div>
                        <div class="wordsprimary dots fz2">：</div>
                        <div class="timeclock bgprimary wordsWrite fz2">{{bstate.time7.s}}</div>
                    </div>
                    <div class="botright flex" v-on:click="onTimekeep">
                        <div class="wordsprimary fz4">进入计时器</div>
                        <div class="arrowRight">
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/doNow.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 8">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">计时结束，去上传文件</div>
                    </div>
                    <div class="botright flex" v-on:click="catUploadMethod">
                        <div class="wordsprimary fz4">查看上传方法</div>
                        <div class="arrowRight">
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitDrawing.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)"> 
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 9">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">对方未结算收图</div>
                    </div>
                    <div class="botright flex" v-on:click="remind('提醒结算收图', form.groupUid, 'remindOver')">
                        <div class="bgprimary wordsWrite service fz4" >提醒Ta</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitBalance.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 10">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">对方尚未评价</div>
                    </div>
                    <div class="botright flex" style="opacity: .5">
                        <div class="bgprimary wordsWrite service fz4" >查看评价</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/finished.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 11">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">对方给出了评价</div>
                    </div>
                    <div class="botright flex" v-on:click="catAssess(form)">
                        <div class="bgprimary wordsWrite service fz4" >查看评价</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/finished.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 12">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit redTextButton">对方对你进行了投诉</div>
                    </div>
                    <div class="botright flex" v-on:click="catReview(form.uid,form.orderName)">
                        <div class="redBgButton wordsWrite service fz4" >查看并申诉</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/hasClose.png" width="100%" />
            </div>
            <div class="msg">
                <!-- <div class="dot">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div> -->
                <img src="@/assets/img/performance/orderCard/noChat.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 16">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit redTextButton">对方对你进行了投诉</div>
                    </div>
                    <div class="botright flex" style="opacity: .5">
                        <div class="redBgButton wordsWrite service fz4" >申诉中</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/hasClose.png" width="100%" />
            </div>
            <div class="msg">
                <!-- <div class="dot">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div> -->
                <img src="@/assets/img/performance/orderCard/noChat.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 14">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">申诉成功</div>
                    </div>
                    <div class="botright flex" @click="catDetail(form.uid,status)">
                        <div class="bgprimary wordsWrite service fz4" >查看详情</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/hasClose.png" width="100%" />
            </div>
            <div class="msg">
                <!-- <div class="dot">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div> -->
                <img src="@/assets/img/performance/orderCard/noChat.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 141">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div class="drakText">图未完成，不结算</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">申诉成功</div>
                    </div>
                    <div class="botright flex" @click="catDetail(form.uid,status)">
                        <div class="bgprimary wordsWrite service fz4" >查看详情</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/hasClose.png" width="100%" />
            </div>
            <div class="msg">
                <!-- <div class="dot">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div> -->
                <img src="@/assets/img/performance/orderCard/noChat.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 142">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div class="drakText">对方未收图结算</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">申诉成功</div>
                    </div>
                    <div class="botright flex" @click="catDetail(form.uid,status)">
                        <div class="bgprimary wordsWrite service fz4" >查看详情</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/hasClose.png" width="100%" />
            </div>
            <div class="msg">
                <!-- <div class="dot">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div> -->
                <img src="@/assets/img/performance/orderCard/noChat.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 15">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">总计时间</div>
                        <div>{{showTotalTime}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">预付金额</div>
                        <div>￥{{form.subsist}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">尾款金额</div>
                        <div>{{form.subsequentAmount ? `￥${form.subsequentAmount}` : '￥--'}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit redTextButton">申诉失败</div>
                    </div>
                    <div class="botright flex" v-on:click="catDetail(form.uid,'@/assets/img/performance/orderCard/hasClose.png')">
                        <div class="redBgButton wordsWrite service fz4" >查看处理详情</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/hasClose.png" width="100%" />
            </div>
            <div class="msg">
                <!-- <div class="dot">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div> -->
                <img src="@/assets/img/performance/orderCard/noChat.png" width="100%" alt="">
            </div>
        </div>
    </div>
    <div v-if="type == '3'">
        <div class="orderCard bgwrite" v-if="status === 1">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">要求效果</div>
                        <div>{{form.name}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div class="drakText">¥ {{form.subsist}}</div>
                    </div>
                </div>
                
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">待对方确认付款</div>
                    </div>
                    <div class="botright flex" v-on:click="remind('提醒付款',form.groupUid,'remindPay')">
                        <div class="bgprimary wordsWrite service fz4" >提醒Ta</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitPay.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 2">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">要求效果</div>
                        <div>{{form.name}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div class="drakText">¥ {{form.subsist}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">正在改图中</div>
                    </div>
                    <!-- <div class="botright flex" v-on:click="catUploadMethod">
                        <div class="wordsprimary fz4">查看上传方法</div>
                        <div class="arrowRight">
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/doNow1.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 3">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">要求效果</div>
                        <div>{{form.name}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div class="drakText">¥ {{form.subsist}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">对方已付款，改图完成需上传</div>
                    </div>
                    <div class="botright flex" v-on:click="catUploadMethod">
                        <div class="wordsprimary fz4">查看上传方法</div>
                        <div class="arrowRight">
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/doNow1.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 4"> 
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">要求效果</div>
                        <div>{{form.name}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div class="drakText">¥ {{form.subsist}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">图已上传，待对方确认</div>
                    </div>
                    <div class="botright flex" v-on:click="remind('提醒确认',form.groupUid,'remindConfirm')">
                        <div class="bgprimary wordsWrite service fz4" >提醒Ta</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/waitConfirm.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 5">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">要求效果</div>
                        <div>{{form.name}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div class="drakText">¥ {{form.subsist}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">待对方评价</div>
                    </div>
                    <div class="botright flex"  style="opacity: .5">
                        <div class="bgprimary wordsWrite service fz4" >查看评价</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/finished.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
        <div class="orderCard bgwrite" v-if="status === 6">
            <div class="top" @click="catDetail(form.uid,status)">
                <div class="name fz2">{{form.orderName}}</div>
                <div class="content flex fz4">
                    <div class="wordsGray">作图数量</div>
                    <div>{{form.countUid}}张</div>
                </div>
                <div>
                    <div class="content flex fz4">
                        <div class="wordsGray">要求效果</div>
                        <div>{{form.name}}</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">所需时间</div>
                        <div>{{form.countUid}}天</div>
                    </div>
                    <div class="content flex fz4">
                        <div class="wordsGray">改图报价</div>
                        <div class="drakText">¥ {{form.subsist}}</div>
                    </div>
                </div>
                <template v-if="isComplaint">
                    <div class="complaint_tips flex-space-x flex-center-y flex">
                        <div class="flex flex-center-y">
                            <img class="alert" src="@/assets/img/public/alert.png" />
                            <div style="width: auto;" v-if="未申述">对方对你进行了投诉</div>
                            <div style="width: auto;" v-if="已申述">对方对你进行了投诉，已申诉</div>
                        </div>
                        <div style="flex: none;" class="go_cha_text" v-if="未申述" @click="catReview(form.uid,form.orderName)">
                            <span>去查看</span>
                            <img src="@/assets/img/performance/orderCard/arrowRight.png" width="100%" />
                        </div>
                    </div>
                </template>
            </div>
            <div>
                <div class="bot flex flex-space-x">
                    <div class="botleft flex">
                        <div class="wordsGray tit">已评价</div>
                    </div>
                    <div class="botright flex" v-on:click="catAssess(form)">
                        <div class="bgprimary wordsWrite service fz4" >查看评价</div>
                    </div>
                </div>
            </div>
            <div class="rightimg">
                <img src="@/assets/img/performance/orderCard/finished.png" width="100%" />
            </div>
            <div class="msg" @click="go_chat(form.groupUid,form.uid)">
                <div class="dot" v-if="groupUids&&groupUids.includes(form.groupUid)">
                    <img src="@/assets/img/performance/orderCard/dot.png" width="100%" alt="">
                </div>
                <img src="@/assets/img/performance/orderCard/itemMsg.png" width="100%" alt="">
            </div>
        </div>
    </div>
    <!-- <div>{{status}}</div> -->
</div>
</template>

<script>
import { main } from './orderCard'
export default main
</script>


<style lang="scss" scoped>
@import './orderCard.scss';
</style>
